<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="css/style·.css">
</head>
<body>
     <!-- 导航栏 -->
     <nav class=" navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <p>XXX婚纱</p>
            </div>
            <div class="collapse navbar-collapse pull-right" id="example-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="wzsy.html" target="_blank">网站首页</a></li>
                    <li><a href="gwym.html" target="_blank">关于我们</a></li>
                    <li><a href="cpjs.html"  target="_blank">产品鉴赏</a></li>
                    <li><a href="qyfw.html" target="_blank">企业服务</a></li>
                    <li><a href="xwzy.html" target="_blank">新闻资讯</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">联系我们</a>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 导航栏结束 -->
    <img src="./img/fir1.jpg" alt="" class="mm">
    <div class="container">
        <div class="row">
            <div class=" col-md-3 col-sm-4 col-xs-4">
                <div class="navred">
                    <h4 class="navred1">新闻资讯</h4>
                    <h4 class="navred2">ABOUT US</h4>
                </div>
                <div class="navred navredd">
                    <h4><a href="#">公司新闻</a> </h4>
                </div>
                <div class="navred navredd">
                    <h4><a href="#">行业动态</a> </h4>
                </div>
                <div class="navred navredd">
                    <h4><a href="#">国之大事</a> </h4>
                </div>
                <div class="telephone">
                  <img src="./img/bt5.png" alt="" class="pull-left">
                  <div class="pull-left tel">
                       <span>联系我们</span>
                  <p>CONTACT</p> 
                  </div>
                  <div class="dz">
                       <p>地址：苏州XXX婚纱专业定制批发</p>
                 <p>电话XXX</p>
                 <P>邮箱XXX</P>
                  </div>
                </div> 
            </div>
            <div class="gsjj">
                <span class="pull-left">公司新闻</span>
                <span class="pull-right">您当前的位置：首页 > 新闻资讯 > 关于新闻</span>
            </div>
            <div class="col-sm-8 col-xs-8">
                    <ul class="youfu">
                        <li>
                            <div class="pull-left hnb">
                                 <h3>09</h3>
                            <h4>2017-06</h4>
                            <h4>星期五</h4>
                            </div>
                           
                            <div class="hnk pull-left">
                                 <h4>教大家来了解头纱</h4>
                                 <p> 古时候婚礼时，新娘头上都会蒙着一块别致的大红绸缎，被称为红盖头，这块盖头要入洞房时由新郎揭开。最早的盖头约出现在南北朝时的齐代，当时是妇女避风御寒使用的只仅仅盖住头顶...
                                </p>
                            </div>
                           
                        </li>
                        <li>
                            <div class="pull-left hnb">
                                 <h3>08</h3>
                            <h4>2017-06</h4>
                            <h4>星期五</h4>
                            </div>
                           
                            <div class="hnk pull-left">
                                 <h4>最佳婚礼伴娘你选对了吗？</h4>
                                 <p> 古时候婚礼时，新娘头上都会蒙着一块别致的大红绸缎，被称为红盖头，这块盖头要入洞房时由新郎揭开。最早的盖头约出现在南北朝时的齐代，当时是妇女避风御寒使用的只仅仅盖住头顶...
                                </p>
                            </div>
                           
                        </li>
                        <li>
                            <div class="pull-left hnb">
                                 <h3>07</h3>
                            <h4>2017-06</h4>
                            <h4>星期五</h4>
                            </div>
                           
                            <div class="hnk pull-left">
                                 <h4>婚礼当天的化妆师的那些事</h4>
                                 <p> 古时候婚礼时，新娘头上都会蒙着一块别致的大红绸缎，被称为红盖头，这块盖头要入洞房时由新郎揭开。最早的盖头约出现在南北朝时的齐代，当时是妇女避风御寒使用的只仅仅盖住头顶...
                                </p>
                            </div>
                           
                        </li>
                        <li>
                            <div class="pull-left hnb">
                                 <h3>06</h3>
                            <h4>2017-06</h4>
                            <h4>星期五</h4>
                            </div>
                           
                            <div class="hnk pull-left">
                                 <h4>婚礼现场布置的5大细节与规则</h4>
                                 <p> 古时候婚礼时，新娘头上都会蒙着一块别致的大红绸缎，被称为红盖头，这块盖头要入洞房时由新郎揭开。最早的盖头约出现在南北朝时的齐代，当时是妇女避风御寒使用的只仅仅盖住头顶...
                                </p>
                         </div>
                        </li>
                    </ul>
            </div>
            </div>
            </div>
            <div class="weibulogo">
                <a href="#" class="sanjiaobac"></a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">...</a>
                <a href="#">5</a>
                <a href="#">6</a>
                <a href="#" class="sanjiaobac1"></a>
            </div>
             <!-- 尾部 -->
       <div class="footer1">
        <ul class="hidden-sm">
            <li>
                <a href="#" class="gywm">关于我们</a>
                <a href="">公司简介</a>
                <a href="">企业文化</a>
                <a href="">荣誉资质</a>
           </li>
           <li>
               <a href="#" class="gywm">关于我们</a>
               <a href="">公司简介</a>
               <a href="">企业文化</a>
               <a href="">荣誉资质</a>
          </li>
          <li>
           <a href="#" class="gywm">关于我们</a>
           <a href="">公司简介</a>
           <a href="">企业文化</a>
           <a href="">荣誉资质</a>
      </li> 
      <li>
       <a href="#" class="gywm">关于我们</a>
       <a href="">公司简介</a>
       <a href="">企业文化</a>
       <a href="">荣誉资质</a>
  </li>
  <li>
   <a href="#" class="gywm">关于我们</a>
   <a href="">公司简介</a>
   <a href="">企业文化</a>
   <a href="">荣誉资质</a>
</li>
        </ul>
       
        <div class="erwei pull-right">
                    <img src="./img/erwei.jpg" alt="" class="erweima">
                     <h3>微信公众号</h3>
                    <div class="pull-right hidden-sm lxr" >
                    <div ><img src="./img/bt1.png" alt="">
                      <span>联系人：李女士</span> </div>
                      <div><img src="./img/bt2.png" alt="">
                       <span>联系人：李女士</span> </div>
                       <div><img src="./img/bt3.png" alt="">
                           <span>联系人：李女士</span> </div>
                       </div>
                       <div class="clearfix"></div>
        </div>
    </div>
</body>
</html>